<div class="accountbinding">
    <h4>账号绑定</h4>
    <div class="row">
        <div class="col-sm-4 text-center">手机绑定</div>
        <div class="col-sm-4 text-center" *ngIf="userInfo?.PhoneNumber">{{userInfo?.PhoneNumber.substring(0,3)}}****{{userInfo?.PhoneNumber.substring(7)}}</div>
        <div class="col-sm-4 text-center" *ngIf="!userInfo?.PhoneNumber">未绑定</div>
        <div class="col-sm-4 text-center">
          <a href="javascript:;" [routerLink]="['phoneChange', { phoneNumber: userInfo?.PhoneNumber }]" *ngIf="userInfo?.PhoneNumber">更换</a>
          <a href="javascript:;" [routerLink]="['phoneBind']" *ngIf="!userInfo?.PhoneNumber">绑定</a>
        </div>
    </div>
    <hr>
    <div class="row">
        <div class="col-sm-4 text-center">邮箱绑定</div>
        <div class="col-sm-4 text-center" *ngIf="!userInfo?.Email">未绑定</div>
        <div class="col-sm-4 text-center" *ngIf="userInfo?.Email">{{userInfo?.Email}}</div>
        <div class="col-sm-4 text-center">
          <a href="javascript:;" [routerLink]="['emailBind', { email: userInfo?.Email }]" *ngIf="userInfo?.Email">更换</a>
          <a href="javascript:;" [routerLink]="['emailBind']" *ngIf="!userInfo?.Email">绑定</a>
        </div>
    </div>
    <hr>
</div>
